<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css.css"/>
</head>
<body>
<div class="title">
    <img class="titleimg" src="images/logo.png" alt=""/>
</div>
<div class="nag">
    <div class="nagtuo">
        <img class="nagimg" src="images/location.png" alt=""/>
        <span class="shenzhen">深圳</span>
        <span class="qiehuan">&lt;切换 &gt;</span>
    </div>
    <div class="zhongjian">
        <a class="zj first" href="#">首页</a>
        <a class="zj second" href="#">资讯</a>
        <a class="zj third" href="#">测评</a>
        <a class="zj fourth" href="#">商城</a>

        <div class="right">
            <img class="rightimg" src="images/adm.png" alt=""/>
            <a class="righta" href="#">个人中心</a>
        </div>
    </div>
</div>
<div class="bodybegin">
    <div class="body">
        <div class="bodyone">
            <p class="changtiao"></p>
            <a class="onea" href="#">用户中心首页</a><br/>
        </div>
        <div class="bodytuo">
            <img class="tuoimg" src="images/open.png" alt=""/>
            <a class="tuoa" href="#">我的检测</a><br/>
            <a class="tuob" href="#">上门检测</a><br/>
            <a class="tuoc" href="#">DIY检测</a><br/>
        </div>
        <div class="bodythree">
            <img class="threeimg" src="images/open.png" alt=""/>
            <a class="threea" href="#">我的治理</a><br/>
            <a class="threeb" href="#">上门治理</a><br/>
        </div>
        <div class="bodyfour">
            <img class="fourimg" src="images/open.png" alt=""/>
            <a class="foura" href="#">我的装修</a><br/>
            <a class="fourb" href="#">装修方案</a><br/>
        </div>
        <div class="bodyfive">
            <img class="fiveimg" src="images/open.png" alt=""/>
            <a class="fivea" href="#">我的收藏</a><br/>
            <a class="fiveb" href="#">装修材料</a><br/>
            <a class="fivec" href="#">净化产品</a><br/>
            <a class="fived" href="#">资讯</a><br/>
            <a class="fivee" href="#">测评</a><br/>
        </div>
        <div class="bodysix">
            <img class="siximg" src="images/open.png" alt=""/>
            <a class="sixa" href="#">个人资料</a><br/>
            <a class="sixb" href="#">个人资料</a><br/>
            <a class="sixc" href="#">修改密码</a><br/>
            <a class="sixd" href="02.html">绑定手机/微信</a><br/>
        </div>
        <div class="bodyseven">
            <img class="siximg" src="images/open.png" alt=""/>
            <a class="sevena" href="#">积分管理</a><br/>
            <a class="sevenb" href="#">积分兑换</a><br/>
            <a class="sevenc" href="#">积分等级</a><br/>
            <a class="sevend" href="#">积分任务</a><br/>
        </div>
        <div class="bodylast">
        <div class="bodyright">
            <img class="rightimg2" src="images/user.png" alt=""/>
            <p class="righta1">用户名</p>

            <p class="rightb">积分值：198分</p>

            <p class="rightc">我的消息：0条</p>

            <div class="rightaaa">
                <span class="rightd"></span>
                <img class="righte" src="images/weixin1.png" alt=""/>
                <p class="rightf">微信绑定</p>
                <span class="rightg">未绑定</span>
                <span class="righth">立即绑定</span>
            </div>
            <div class="righttuo">
                <img class="righti" src="images/phone.png" alt=""/>
                <p class="rightl">手机号码绑定</p>
                <span class="rightq">未绑定</span>
                <span class="rights">立即绑定</span>
            </div>


        </div>
        </div>
    </div>
</div>
<div class="n1">
    <div class="n2">
        <img class="n3" src="images/footerLogo.png" alt=""/>
        <p class="n4">为室内环境健康把好每一关</p>
        <p class="n5">家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
        <p class="n6">和测评，倾力协助大众打造绿色，环保的人居生活环境。</p>
    </div>
    <div class="m1">
        <button class="m2">关于我们</button>
        <button class="m3">版权说明</button>
        <br/>
        <button class="m4">服务我们</button>
        <button class="m5">用户隐私</button>
        <br/>
        <button class="m6">加入我们</button>
        <button class="m7">免费申明</button>
        <br/>
    </div>
    <div class="s1">
        <img class="s2" src="images/weixin2.png" alt=""/>
        <button class="s3">官方微信</button>
        <br/>
        <img class="s4" src="images/tianmao.png" alt=""/>
        <button class="s5">天猫旗舰店</button>
        <br/>
        <img class="s6" src="images/shop.png" alt=""/>
        <button class="s7">有赞商城</button>
        <span class="cc"></span><br/>
        <span class="top">深圳建筑科学研究院股份有限公司</span>
        <span class="topb">家居医生网</span>
        <span class="topp">粤ICP备08011321号</span>
    </div>
</div>
</div>
</body>
</html>